<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view locale="#{SessionProgramacionImgsBean.localeSetting}">
        <f:loadBundle basename="UtilidadesSetup" var="utilidadesSetup"/>
        <f:loadBundle basename="ParametrosSetup" var="parametrosSetup"/>
        <div align="center" style="width: 100%">
            <ui:themeLinks binding="#{ListadoProgramacionPage.themeLinks1}" id="themeLinks1"/>
            <ui:form binding="#{ListadoProgramacionPage.formProgramacionImgs}" id="formProgramacionImgs">
                <center>
                    <table>
                        <tr>
                            <td align="center">
                                <!-- contenedorGridPanel -->
                                <h:panelGrid columns="1" id="izquierdaGridPanel" style="text-align: center" width="100%">
                                    <h:panelGrid columns="2" headerClass="headerClassDataTable" rowClasses="rowClassWhite, rowClassBlue">
                                        <f:facet name="header">
                                            <h:outputText value="Opciones de Programación"/>
                                        </f:facet>
                                        <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                        <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                        <h:outputText styleClass="outputText" value="CLIENTE"/>
                                        <ui:dropDown binding="#{ListadoProgramacionPage.dropDownClientes}" id="dropDownClientes"
                                            items="#{SessionProgramacionImgsBean.clientesOptions}" styleClass="select" submitForm="true" valueChangeListener="#{ListadoProgramacionPage.dropDownClientes_processValueChange}"/>
                                        <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                        <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                        <h:outputText styleClass="outputText" value="PRODUCTO"/>
                                        <h:panelGroup style="display: block;">
                                            <h:panelGrid columns="3">
                                                <ui:dropDown binding="#{ListadoProgramacionPage.dropDownProductos}" id="dropDownProductos"
                                                    items="#{SessionProgramacionImgsBean.productosOptions}" styleClass="select"/>
                                                <h:outputText styleClass="outputText" value="CICLO"/>
                                                <ui:dropDown binding="#{ListadoProgramacionPage.dropDownCiclos}" id="dropDownCiclos"
                                                    items="#{ApplicationProgramacionImgsBean.ciclosOptions}" styleClass="select"/>
                                            </h:panelGrid>
                                        </h:panelGroup>
                                        <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                        <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                        <h:outputText styleClass="outputText" value="CARPETA"/>
                                        <h:inputText binding="#{ListadoProgramacionPage.textFieldFolder}" id="textFieldFolder" maxlength="60" size="64" styleClass="textField"/>
                                        <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                        <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                        <h:outputText styleClass="outputText" value="AÑO"/>
                                        <h:panelGroup style="display: block;">
                                            <h:panelGrid columns="3">
                                                <ui:dropDown binding="#{ListadoProgramacionPage.dropDownAnos}" id="dropDownAnos"
                                                    items="#{SessionProgramacionImgsBean.anosOptions}" styleClass="select"/>
                                                <h:outputText styleClass="outputText" value="MES"/>
                                                <ui:dropDown binding="#{ListadoProgramacionPage.dropDownMeses}" id="dropDownMeses"
                                                    items="#{ApplicationProgramacionImgsBean.mesesOptions}" styleClass="select"/>
                                            </h:panelGrid>
                                        </h:panelGroup>
                                    </h:panelGrid>
                                    <f:facet name="footer">
                                        <h:panelGroup style="display: block; text-align: center">
                                            <h:commandButton action="#{ListadoProgramacionPage.buttonProgramar_action}"
                                                binding="#{ListadoProgramacionPage.buttonProgramar}" id="buttonProgramar" styleClass="button" value="PROGRAMAR"/>
                                            <h:outputText value=" "/>
                                            <h:commandButton action="#{ListadoProgramacionPage.buttonLimpiar_action}"
                                                binding="#{ListadoProgramacionPage.buttonLimpiar}" id="buttonLimpiar" styleClass="button" value="LIMPIAR"/>
                                        </h:panelGroup>
                                    </f:facet>
                                </h:panelGrid>
                                <h:panelGrid binding="#{ListadoProgramacionPage.mensajeAlertGridPanel}" id="mensajeAlertGridPanel" rendered="#{SessionProgramacionImgsBean.renderedMensajeAlertGridPanel}">
                                    <ui:alert binding="#{ListadoProgramacionPage.mensajeAlert}" id="mensajeAlert"/>
                                </h:panelGrid>
                                <h:outputText style="color: white" styleClass="outputText" value="_"/>
                                <h:panelGrid columns="1" headerClass="headerClassDataTable" style="text-align: center">
                                    <f:facet name="header">
                                        <h:outputText value="Programación de Copiado de Imágenes"/>
                                    </f:facet>
                                    <h:dataTable binding="#{ListadoProgramacionPage.dataTableProgramacion}" headerClass="headerClassDataTable" id="dataTableProgramacion"
                                        rowClasses="rowClassBlue,rowClassWhite" rows="50" value="#{SessionProgramacionImgsBean.searchResult}" var="programacion" width="100%">
                                        <h:column binding="#{ListadoProgramacionPage.column1}" id="column1">
                                            <f:facet name="header">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText2}" id="outputText2" value="Código"/>
                                            </f:facet>
                                            <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText1}" id="outputText1" styleClass="outputTextDataTable" value="#{programacion.codigoProgramacion}"/>
                                            </h:panelGrid>
                                        </h:column>
                                        <h:column binding="#{ListadoProgramacionPage.column2}" id="column2">
                                            <f:facet name="header">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText4}" id="outputText4" value="Cliente"/>
                                            </f:facet>
                                            <h:outputText binding="#{ListadoProgramacionPage.outputText3}" id="outputText3" styleClass="outputTextDataTable" value="#{programacion.razonSocial}"/>
                                        </h:column>
                                        <h:column binding="#{ListadoProgramacionPage.column3}" id="column3">
                                            <f:facet name="header">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText6}" id="outputText6" value="Producto"/>
                                            </f:facet>
                                            <h:outputText binding="#{ListadoProgramacionPage.outputText5}" id="outputText5" styleClass="outputTextDataTable" value="#{programacion.descripcionProducto}"/>
                                        </h:column>
                                        <h:column binding="#{ListadoProgramacionPage.column4}" id="column4">
                                            <f:facet name="header">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText7}" id="outputText7" value="Ciclo"/>
                                            </f:facet>
                                            <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                <h:outputText styleClass="outputTextDataTable" value="#{programacion.ciclo}"/>
                                            </h:panelGrid>
                                        </h:column>
                                        <h:column binding="#{ListadoProgramacionPage.column5}" id="column5">
                                            <f:facet name="header">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText8}" id="outputText8" value="Mes Proceso"/>
                                            </f:facet>
                                            <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                <h:outputText styleClass="outputTextDataTable" value="#{programacion.nameMonth} - #{programacion.year}"/>
                                            </h:panelGrid>
                                        </h:column>
                                        <h:column binding="#{ListadoProgramacionPage.column6}" id="column6">
                                            <f:facet name="header">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText9}" id="outputText9" value="Nombre Carpeta"/>
                                            </f:facet>
                                            <h:outputText styleClass="outputTextDataTable" value="#{programacion.nombreCarpeta}"/>
                                        </h:column>
                                        <h:column binding="#{ListadoProgramacionPage.column7}" id="column7">
                                            <f:facet name="header">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText10}" id="outputText10" value="Fecha Programación"/>
                                            </f:facet>
                                            <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                <h:outputText styleClass="outputTextDataTable" value="#{programacion.fechaProgramacionStr}"/>
                                            </h:panelGrid>
                                        </h:column>
                                        <h:column binding="#{ListadoProgramacionPage.column8}" id="column8">
                                            <f:facet name="header">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText11}" id="outputText11" value="Fecha Ejecución"/>
                                            </f:facet>
                                            <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                <h:outputText styleClass="outputTextDataTable" value="#{programacion.fechaEjecucionStr}"/>
                                            </h:panelGrid>
                                        </h:column>
                                        <h:column binding="#{ListadoProgramacionPage.column9}" id="column9">
                                            <f:facet name="header">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText12}" id="outputText12" value="Responsable"/>
                                            </f:facet>
                                            <h:outputText styleClass="outputTextDataTable" value="#{programacion.nombreResponsable}"/>
                                        </h:column>
                                        <h:column binding="#{ListadoProgramacionPage.column10}" id="column10">
                                            <f:facet name="header">
                                                <h:outputText binding="#{ListadoProgramacionPage.outputText13}" id="outputText13" value="Estado"/>
                                            </f:facet>
                                            <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                <h:outputText styleClass="outputTextDataTable" value="#{programacion.nombreEstado}"/>
                                            </h:panelGrid>
                                        </h:column>
                                        <h:column binding="#{ListadoProgramacionPage.column11}" id="column11">
                                            <f:facet name="header">
                                                <ui:hyperlink onClick="checkAllSeleccionGroup(); return false;">
                                                    <h:outputText binding="#{ListadoProgramacionPage.outputText14}" id="outputText14" style="color: white" value="Eliminar"/>
                                                </ui:hyperlink>
                                            </f:facet>
                                            <h:panelGrid columns="1" style="text-align: center" width="100%">
                                                <ui:checkbox binding="#{ListadoProgramacionPage.checkboxEliminar}" id="checkboxEliminar" name="seleccionGroup" selectedValue="#{programacion.codigoProgramacion}"/>
                                            </h:panelGrid>
                                        </h:column>
                                        <f:facet name="footer">
                                            <h:panelGrid columns="2" width="100%">
                                                <h:panelGroup binding="#{ListadoProgramacionPage.groupPanel1}" id="groupPanel1"
                                                    style="display: block; text-align: right" styleClass="list-paging-footer">
                                                    <h:commandButton action="#{ListadoProgramacionPage.dataTableProgramacion_firstPageAction}"
                                                        binding="#{ListadoProgramacionPage.dataTableProgramacionFooterFirstButton}"
                                                        id="dataTableProgramacionFooterFirstButton" image="#{utilidadesSetup.firstPageImg}" immediate="true"/>
                                                    <h:commandButton action="#{ListadoProgramacionPage.dataTableProgramacion_previousPageAction}"
                                                        binding="#{ListadoProgramacionPage.dataTableProgramacionFooterPreviousButton}"
                                                        id="dataTableProgramacionFooterPreviousButton" image="#{utilidadesSetup.previousPageImg}" immediate="true"/>
                                                    <h:commandButton action="#{ListadoProgramacionPage.dataTableProgramacion_nextPageAction}"
                                                        binding="#{ListadoProgramacionPage.dataTableProgramacionFooterNextButton}"
                                                        id="dataTableProgramacionFooterNextButton" image="#{utilidadesSetup.nextPageImg}" immediate="true"/>
                                                    <h:commandButton action="#{ListadoProgramacionPage.dataTableProgramacion_lastPageAction}"
                                                        binding="#{ListadoProgramacionPage.dataTableProgramacionFooterLastButton}"
                                                        id="dataTableProgramacionFooterLastButton" image="#{utilidadesSetup.lastPageImg}" immediate="true"/>
                                                </h:panelGroup>
                                                <h:panelGroup style="display: block; text-align: right">
                                                    <h:commandButton action="#{ListadoProgramacionPage.eliminarButton_action}"
                                                        binding="#{ListadoProgramacionPage.eliminarButton}" id="eliminarButton" styleClass="button" value="ELIMINAR"/>
                                                </h:panelGroup>
                                            </h:panelGrid>
                                        </f:facet>
                                    </h:dataTable>
                                </h:panelGrid>                                
                            </td>
                        </tr>
                    </table>
                </center>
            </ui:form>
            <script language="JavaScript" type="text/javascript">
                function checkAllSeleccionGroup() 
                {
                    for (i=0; i&lt;document.forms["formProgramacionImgs"].elements.length; i++) 
                    {
                        if (document.forms["formProgramacionImgs"].elements[i].type == "checkbox") 
                        {
                            if (document.forms["formProgramacionImgs"].elements[i].name == "seleccionGroup") 
                            {
                                if(document.forms["formProgramacionImgs"].elements[i].checked)
                                {
                                    document.forms["formProgramacionImgs"].elements[i].checked = false;        
                                }
                                else
                                {
                                    document.forms["formProgramacionImgs"].elements[i].checked = true;    
                                }
                            }
                        }
                    }
                }               
            </script>
        </div>
    </f:view>
</jsp:root>
